<!--
<template id="fruit">
    <div>
        <div class="fruits1_con">
            <ul>
                <li @click="getSearch()" v-for="ap in frui "><img :src="frui.img_path" alt=""><span>{{frui.name}}</span></li>

            </ul>
        </div>
    </div>
</template>
<script>
    export default {
        name:'fruit',
        data(){
            return{
              frui:this.classFruits,
            }
        },
        methods:{
            getSearch:function(){
                this.$router.push('/list');
            }
        },


    }
</script>
<style>
.fruits1_con{
    height:9rem;
    width:100%;
}
.fruits1_con ul{
    width:100%;
    min-height:8rem;
}
.fruits1_con ul li{
    list-style:none;
   float:left;
    width:1.6rem;
}
.fruits1_con ul li img{
 display:block;
 height:1.63rem;
 width:1.47rem;
}
.fruits1_con ul li span{
display:block;
font-size:0.2rem;
color:#6c6c6c;
height:0.2rem;
width:1.63rem;
text-align:center;
line-height:0.2rem;
}
-->
<!--
</style>-->
